﻿
@import url(/ui/common/hnav.css?v=1227);

body { font-family: Tahoma, sans-serif;}

p{ margin:0; padding:0;margin-bottom:1em;}
table td,table th { font-size:12px; line-height:150%;}
.clr { clear:both;}

#top{ width:960px;}
#l_menu { width:135px; overflow:hidden;}
 
#l_menu a:link,#l_menu a:visited{ text-decoration:none;}
#l_menu a:hover{ text-decoration:none;}
#bigthings{ font-size: 12px;color: #999; height: 18px;line-height: 18px;}
#bigthings1{font-size: 12px; color: #999; height: 18px;	line-height: 18px;}
#hnav2 a:link,#hnav2 a:visited{color: #009966;}
#hnav2 a:hover{ color: #F00;}

#channel_title{ margin-top: 8px; margin-bottom: 18px; clear: both;}
#channel_title h1{ font-size: 28px;	padding-top: 5px; padding-bottom: 5px; line-height: 34px; font-family: simhei, sans-serif;}

#place_search_form{
	height: 44px;
	background: url(images/bg_title_style.jpg) left top  no-repeat #F6F7F1;
	margin-bottom: 8px;
    }
#place_search_form div{	padding: 8px!important; padding: 5px;}
#place_search_form div *{vertical-align: middle;}
#place_search_form select{ width:120px;}
#place_search_form button{height: 24px;margin-right: 5px;}
#place_search_form input{padding: 2px;}
#place_search_form ul{float:right;width: 150px;margin-top: 4px!important;margin-top: 2px;}
 
.a490{ width: 490px; float: left; overflow: hidden;}
.b260{ width: 260px; float: right; overflow: hidden;}
.a490 h2{
	height: 30px;
	line-height: 30px;
	padding-left: 8px;
	margin-bottom: 6px;
	color: #666;
	font-size: 14px;
	background: url(images/bg_title_style.jpg) 0 -45px no-repeat #F6F7F1;
    }
.a490 h2 span{ float: right; font-size: 12px; font-weight: normal; margin-right: 8px; }
.a490 a:link,.a490 a:visited{ color: #666;}
.a490 a:hover{ color: #F00;}
.a490c{ padding: 0 8px;	margin-bottom: 14px; line-height: 200%;}
.a490c h3{ font-size: 13px;}
 
.a490c ul{ margin-bottom: 14px;}
.a490c li{ width: 155px; float: left;}
.a490c ul ul{ height: 250px;}
.a490c li li{ float: none; }
.a490c ul.simple ul{ height: 50px;}
.mphotos div{ width: 240px;	height: 180px; margin: 0 5px 12px 0; float: left; }	
.mphotos li{ width: 240px; height: 180px; margin: 0 5px 12px 0; float: left; }
.a490c p{ margin-bottom: 12px;}
.b260 h3{
	height: 27px;
	line-height: 27px;
	padding-left: 8px;
	font-weight: normal;
	font-size: 12px;
	background: url(images/bg_title_style.jpg) -491px -45px no-repeat #F6F7F1;
    }
.b260c{ border: 1px solid #DDE3CE; padding: 8px; margin-bottom: 14px; line-height: 200%; word-break: keep-all; }
.b260c a:link,.b260c a:visited{ white-space: nowrap; color: #666; text-decoration: none;}
.b260c a:hover{ color: #F00; text-decoration: underline;}

.hotareas{ margin-bottom: 14px; line-height: 200%;}
.hotareas a:link,.hotareas a:visited{ white-space: nowrap; color: #666; text-decoration: none;}
.hotareas a:hover{ color: #F00; text-decoration: underline;}
.hotareas li{ padding-left: 65px; list-style: none; position: relative; word-break: keep-all; }
.hotareas li span{
		display: block;
		color: #333;
		width: 65px;
		position: absolute;
		left: 2px!important;
		left: -63px;
		top: 0!important;
		top: -3px;
	   }
#hot_top10{
	width: 260px;
	height: 370px;
	float: right;
	overflow: hidden;
	position: relative;
	background: url(images/bg_hot_top10.gif) no-repeat 0 20px;

    }
	#hot_top10 h3{
		position: absolute;
		font-size: 12px;
		font-weight: normal;
		height: 23px;
		line-height: 21px;
		cursor: pointer;
	}
	#hot_top10_most_want_tab{
		left: 0;
		top: 0;
		text-align: center;
		width: 130px;
		height: 23px;
		background: url(images/bg_hot_top10_tab.gif) no-repeat;
	}
	#hot_top10_most_go_tab{
		left: 130px;
		top: 0;
		text-align: center;
		width: 130px;
		height: 23px;
		background: url(images/bg_hot_top10_tab.gif) no-repeat;
	}
	#hot_top10 ul{
		position: absolute;
		top: 28px;
		left: 8px;
		width: 244px;
	}
	#hot_top10 li{
		padding-bottom: 6px!important;
		padding-bottom: 4px;
	}
.top10list li img{
	vertical-align: middle;
}
.top10list li{
	border-bottom: 1px solid #F7F5E9;
	padding: 6px 0;
	line-height: 110%;
	color: #666;
}
.top10list a:link,.top10list a:visited{
	color: #666;
	text-decoration: none;
}
.top10list a:hover{
	color: #F00;
	text-decoration: underline;
}
.top10list li span{
	float: right;
}

.place{
}
.place_thumb{
	width: 80px;
	float: left;
}
.place_info{
	width: 140px;
	margin-left: 85px;
	color: #555;
}
	.place_info h4{
		font-size: 12px;
	}
	.place_info li a:link,.place_info li a:visited{
		color: #555;
	}
	.place_info li a:hover{
		color: #333;
		background: none;
	}
#subnav{
	margin-bottom: 8px;
	position: relative;
}
#subnav a:link,#subnav a:visited{
	float: left;
	margin-right: 5px;
	width: 65px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: url(images/bg_subnav_a.jpg) no-repeat #F6F7F1;
	color: #444;
}
#subnav a:hover{
	color: #096;
	background: url(images/bg_subnav_a.jpg) -65px 0 no-repeat #F6F7F1;
}
#subnav_more{
	position: absolute;
	z-index: 999;
	top: 0px;
	right: 0px;
	background: #FFF;
}
	#subnav_more li{
		width: 70px;
		height: 30px!important;
		height: 28px;
	}
#place_intro{
	line-height: 200%;
}
#place_intro p{
	margin-bottom: 12px;
}

/*
= Button Style Link, e.g. Subnav
*/
.btnLink a:link,.btnLink a:visited{
	width: 65px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background: url(images/bg_subnav_a.jpg) no-repeat #F6F7F1;
	color: #444;
}
.btnLink a:hover{
	color: #096;
	background: url(images/bg_subnav_a.jpg) -65px 0 no-repeat #F6F7F1;
}

#user_ctrl{
	margin-bottom: 14px;
}
#user_ctrl a{
	float: right;
	margin-left: 5px;
}
#user_ctrl .star-rating{
	margin-left: 60px;
}
#user_ctrl .star-rating a{
	float: none;
	margin: 0;
}

/*
= CSS star rating
*/
/* styles for the star rater */
.star-rating{
	list-style:none;
	margin: 0px;
	padding: 0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(/icons/star_rating.gif) top left repeat-x;
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a:link,.star-rating li a:visited{
	display:block;
	width:20px;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	background: none;
}
.star-rating li a:hover{
	background: url(/icons/star_rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.star-rating a.one-star{left: 0px;}
.star-rating a.one-star:hover{width:20px;}
.star-rating a.two-stars{left:20px;}
.star-rating a.two-stars:hover{width: 40px;}
.star-rating a.three-stars:hover{width: 60px;}
.star-rating a.three-stars{left: 40px;}
.star-rating a.four-stars{left: 60px;}
.star-rating a.four-stars:hover{width: 80px;}
.star-rating a.five-stars{left: 80px;}
.star-rating a.five-stars:hover{width: 100px;}

#bd{ zoom: 1; clear: both;}
#rap_one_col #alpha,.d760 #alpha{ width: 100%; zoom: 1;} 
#rap_two_col #alpha{ width: 520px; float: left; overflow: hidden; zoom: 1;}
#rap_two_col #alpha440{ width: 440px; float: left; overflow: hidden; zoom: 1;}
#rap_two_col #beta{ width: 240px; float: right;	zoom: 1;}
#rap_two_col #beta320{ width: 320px; float: right; zoom: 1;}
#rap_two_col a:link,#rap_two_col a:visited{color: #009966;}
#rap_two_col a:hover{ color: #F00;}
#rap_one_col a:link,#rap_one_col a:visited{color: #009966;}
#rap_one_col a:hover{ color: #F00;}

#alpha .module h3{ background: #F1F1F1; padding: 0.5em;	zoom: 1;}
#beta .module h3{ background: #F1F1F1; padding: 0.5em; zoom: 1;}
#beta320 .module h3{ background: #F1F1F1; padding: 0.5em;zoom: 1;}
#beta h3{ font-size: 14px; font-weight: normal; font-family: Arial;	color: #906; margin-bottom: 0.5em;}
#beta320 h3 { font-size: 14px; font-weight: normal;	font-family: Arial;	color: #906;margin-bottom: 0.5em;}
#alpha h3{ font-size: 14px;	font-weight: bold; color: #906;	margin-bottom: 1em;	margin-top: 1.2em;}

.module .con{ padding-left: 0.5em; padding-right: 0.5em;}
.module h4 { font-size: 14px;}
.module{ background: #F9F9F9; padding-bottom: 1em; margin-bottom: 1em; position: relative; zoom: 1;}
.module ul li{ list-style: circle; line-height: 180%; margin-left: 2em;}
.post_content {
	font-size:14px;
	font-family:simsun,tahoma, sans-serif;
	margin-bottom:14px;
	background-color:#eee;
	padding:20px;
	/* 帖子内容强制换行 */
	word-break:break-all;
	word-wrap:break-word;
	overflow:hidden;
	/* end */
   }
.post_content p{ line-height: 150%; text-indent: 2em; margin-bottom: 1em; font-size: 14px; }
.post_content h1{ line-height:40px;}

/*added for tooltip*/
div#PreviewBox{
	text-align:left;
	position:absolute;
	padding-left:6px;
	display: none;
	Z-INDEX:2006;
}
div#PreviewBox span{
	width:7px;
	height:13px;
	position:absolute;
	left:0px;
	top:9px;
	background:url(http://www.tuniu.com/icons/arrow.gif) 0 0 no-repeat;
}
div#PreviewBox div.Picture{
	float:left;
	border:1px #666 solid;
	background:#FFF;
}
div#PreviewBox div.Picture div{
	border:4px #e8e8e8 solid;
}
div#PreviewBox div.Picture div a img{
	margin:1px;
	border:1px #b6b6b6 solid;
	display: block;
	max-width: 250px;
}